<template>
  <div class="lr-container">
    <div class="content">
      <el-row>
        <el-col :span="24" class="lr-title">
          <span>
            <a href="/">趣淘网上书城</a>
          </span>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <div class="lr-router">
            <router-view />
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>
<script>

export default {
  name: 'LR',
  data() {
    return {

    }
  },
  created() {

  },
  methods: {

  }

}
</script>

<style lang="scss" scoped>
.lr-container {
  // padding: 20px 500px;
  margin-top: 50px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  // background-color: blue;
  .content {
    width: 450px;
    .lr-title {
      text-align: center;
      margin-top: 20px;
      margin-bottom: 20px;
      span {
        a {
          font-size: 50px;
        }
      }
    }
  }
}
a,
a:active {
  text-decoration: none;
  color: #333333;
}
a:hover {
  color: #409eff;
}
</style>
